<div class="ui-g ui-g-12 ui-fluid tasklist-search-condtion">
    <div class="ui-g ui-g-4 ui-fluid" *ngFor="let cond of _searchFields">
        <div class="ui-g ui-g-4 condition-lable"><span>{{cond.name}}</span></div>
        <div class="ui-g ui-g-8 ui-fluid">
            <ng-container [ngSwitch]="cond.type">
                <ng-container *ngSwitchCase="'input'">
                    <!-- 文本输入框 -->
                    <div class="ui-g ui-g-12 ui-fluid">
                        <input [style]="{'width': '95%'}" type="text" pInputText [(ngModel)]="cond.value">
                    </div>
                </ng-container>
                <ng-container *ngSwitchCase="'dropdown'">
                    <!-- 下拉列表 -->
                    <div class="ui-g ui-g-12 ui-fluid">
                        <p-dropdown [style]="{'width': '100%'}" [options]="cond.items" [(ngModel)]="cond.value"
                            optionLabel="label" [showClear]="true"></p-dropdown>
                    </div>
                </ng-container>
                <ng-container *ngSwitchCase="'calendar'">
                    <!-- 时间控件 -->
                    <div class="ui-g ui-g-12 ui-fluid">
                        <p-calendar [style]="{'width': '100%'}" appendTo="body" [(ngModel)]="cond.value" [locale]="zh"
                            dateFormat="yy年mm月dd日" [showIcon]="true">
                        </p-calendar>
                    </div>
                </ng-container>
            </ng-container>
        </div>
    </div>
</div>